<template>
    <div class="company-header-container">
        <div class="company-home-header-top">
            <div class="company-home-header-top-con">
                <div class="company-home-header-top-left">
                    您好，欢迎使用CHNEX.COM参展参会！
                    <span class="company-home-header-top-left-login">
                                <router-link to="/login">登录</router-link>|
                                <router-link to="/register">注册</router-link>
                            </span>
                </div>
                <div class="company-home-header-top-right">
                    <span>客户中心</span>
                    <span>我要发布</span>
                </div>
            </div>
        </div>
        <div class="company-home-header-name">
            <img class="company-home-header-name-img" :src="require('@/assets/company-logo.png')" alt="公司图标">
            <span class="company-home-header-name-text">广州市宇盟展览服务有限公司</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "CompanyHeader"
    }
</script>

<style lang="scss">
    .company-header-container{
        .company-home-header-top{
            height:30px;
            background-color: rgba(0,0,0,0.4);
            .company-home-header-top-con{
                height:100%;
                margin:0 auto;
                width:1200px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color:#fff;
                font-size:14px;
                .company-home-header-top-left{
                    .company-home-header-top-left-login{
                        margin:0 16px;
                        > a{
                            color:#fff;
                            padding:6px;
                        }
                    }
                }
                .company-home-header-top-right{
                    span{
                        padding-left:18px;
                    }
                }
            }
        }
        .company-home-header-name{
            width:1200px;
            margin:38px auto;
            display: flex;
            align-items: center;
            .company-home-header-name-img{
                width:132px;
            }
            .company-home-header-name-text{
                padding-left:20px;
                font-size:24px;
                color:#333;
                font-weight: 700;
            }

        }
    }
</style>